// 引入核心内置模块
const path = require('path')
// 引入打包模板html 插件
const HtmlWebpackPlugin = require('html-webpack-plugin')
// 抛出 配置 对象
module.exports = {
  // 模式  
  mode: 'none',
  // 入口文件
  entry: './src/main.js',
  // 出口
  output: {
    // 出口文件
    filename: 'main.js',
    // 出口文件夹
    path: path.resolve(__dirname, 'dist')
  },
  // 插件
  plugins: [
    // 模板html插件
    new HtmlWebpackPlugin({
      // 指定编译的模板html
      template: './src/index.html'
    })
  ],
  // 模块 
  module: {
    // 规则 
    rules: [
      // 处理css文件
      {
        test: /\.css$/i,
        // 使用loader
        use: ['style-loader', 'css-loader']
      }
    ]
  }
}